<template>
    <div>
        <img :src="errorSrc" alt="">
        <h1>404</h1>
        <h2>您访问的页面好像不存在哦！</h2>
    </div>
</template>

<script>
export default {
    data() {
        return {
            errorSrc: require('../assets/404.png')
        }
    },
}
</script>

<style lang="scss" scoped>
img {
    width: 500px;
    display: block;
    margin: 30px auto 20px;
    user-select: none;
    cursor: pointer;
}

h1,
h2 {
    text-align: center;
    line-height: 1.8;
}
</style>